@extends('public.header')
	<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">	
	<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
	<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
	<body class="body_bg">
		<header class="head_box">
			<div class="main_container">
				<div class="top_return_button">
					<a href="javascript:">
						<i class="iconfont" style=" color: #FFF; line-height: 55px; display: block;">&#xe616;</i>
					</a>
				</div>
				<div class="head_hd">
					<p>会员中心</p>
				</div>
			</div>
		</header>		
		<!--头部end-->
		<div class="data_setting_box">
			<div class="main_container clearfix">
				<div class="data_setting_box_left">
					<div class="data_setting_head_portrait">
						@if ($headimg)
							<img src="{{Storage::url($headimg) }}"" />
						@else
							<img src="../images/data_setting_head_pic.jpg" />
						@endif
					</div>
				</div>
				<a href="javascript:">
					<div class="data_setting_box_right">
						<div class="data_setting_box_right_l">
							<ul>
								<li style="color: #545454;">{{Auth::guard('user')->user()->username}}</li>
								<li>会员级别：普通会员</li>
								<li>钻石余额：1000</li>
								
							</ul>												
						</div>
						<div class="data_setting_box_right_r">						
							<i class="iconfont">&#xe616;</i>	
						</div>
					</div>
				</a>
			</div>												
		</div>
		<!--头像资料结束-->
		
		<div class="community_menu_box clearfix">
			<div class="list_r_container">
				<ul>
					<a href="javascript:">
						<li>
							<p class="community_menu_contain">
								<i class="iconfont" style="color: #fe706f;position: relative;top: 1px;">&#xe60f;</i>
								<span>账户信息<span><i class="iconfont">&#xe616;</i></span></span>
							</p>
						</li>
					</a>
					<a href="/home/change_password">
						<li>
							<p class="community_menu_contain">
								<i class="iconfont" style="color: #f08519;position: relative;top: 1px;font-size:18px ;">&#xe612;</i>
								<span style="margin-left: 5px;">修改密码<span><i class="iconfont">&#xe616;</i></span></span>
							</p>
						</li>
					</a>
					<a href="javascript:">
						<li>
							<p class="community_menu_contain">
								<i class="iconfont" style="color: #4fa6e9;">&#xe605;</i>
								<span>我的钱包<span><i class="iconfont">&#xe616;</i></span></span>
							</p>
						</li>
					</a>
					<a href="javascript:">
						<li>
							<p class="community_menu_contain">
								<i class="iconfont" style="color: #f9a34f;">&#xe60c;</i>
								<span>我的岛屿<span><i class="iconfont">&#xe616;</i></span></span>
							</p>
						</li>
					</a>
					<a href="javascript:">
						<li style="border: none;">
							<p class="community_menu_contain">
								<i class="iconfont" style="color: #fe706f; ">&#xe611;</i>
								<span>收益明细<span><i class="iconfont">&#xe616;</i></span></span>
							</p>
						</li>
					</a>
										
				</ul>
			</div>
		</div>
		<!--会员中心导航结束-->
		<div class="exit_input_box">
			<div class="main_container">
				<a href="/home/logout"><input name="安全退出" type="button" class="exit_button" value="安全退出" /></a>
			</div>
		</div>
		
		<div style="height: 70px;"></div>	
		
		<!-- 模态框 -->
		<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
						<h4 class="modal-title" id="myModalLabel">文件上传</h4>
					</div>
					<div class="modal-body">
					
						<div class="alert alert-danger">
							<form role="form" method="post" action="/home/headimg" enctype="multipart/form-data">
								<input type="hidden" name="_token" id="token" value="{{csrf_token()}}">	
								<div class="form-group">
									<label for="inputfile">文件输入</label>
									<input type="file" id="inputfile" name="headimg" value="">
									<p class="help-block">点击上传头像</p>
								</div>
								<button type="submit" class="btn btn-default">提交</button>
							</form>
						</div>
					
					</div>
					<!-- <div class="modal-footer">
						<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
					</div> -->
				</div><!-- /.modal-content -->
			</div><!-- /.modal -->
		</div>
		
		@include('flash::message')
		@extends('public.footer')
		<script>
			 	var id = $('#myModal');
				$('.data_setting_head_portrait').on('click',function(){
					id.modal('show');
				})
				
				// var id = $('#myModal');
				// setTimeout(function(){
				// 	id.modal('hide');
				// },3000);
			
		</script>